<template>
  <el-row>
    <el-col :span="24" class="text-center mx-auto">
        <el-menu mode="horizontal" class="border" style="background-color:#adc6ff" :router="true">
          <el-menu-item index="/listnoe/1" class="mx-3 px-5">国内新闻</el-menu-item>
          <el-menu-item index="/listnoe/2" class="mx-3 px-5">时政要闻</el-menu-item>
          <el-menu-item index="/listnoe/3" class="mx-3 px-5">媒体聚焦</el-menu-item>
          <el-menu-item index="/listnoe/4" class="mx-3 px-5">综述分析</el-menu-item>
        </el-menu>
    </el-col>
    
    <el-col :span="24" class="mx-2" style="height: 58vh">
      <router-view></router-view>
    </el-col>
    
    <el-col :span="24">
        <el-menu mode="horizontal" class="border" style="background-color:#adc6ff" :router="true">
          <el-menu-item index="/listnoe/5" class="mx-3 px-5">国际新闻</el-menu-item>
          <el-menu-item index="/listnoe/6" class="mx-3 px-5">国际要闻</el-menu-item>
          <el-menu-item index="/listnoe/7" class="mx-3 px-5">环球视野</el-menu-item>
          <el-menu-item index="/listnoe/8" class="mx-3 px-5">军事新闻</el-menu-item>
        </el-menu>
    </el-col>
    
  </el-row>
</template>

<script>
export default {
  name: "NewsList",
  components: {
    
  }

}
</script>

<style>

</style>